<%--
  Created by IntelliJ IDEA.
  User: 31307
  Date: 2025/3/4
  Time: 下午9:06
  To change this template use File | Settings | File Templates.
--%>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>2.26的网页</title>
  <style type="text/css">
    div{
      color: blue;
    }

    #op{
      size: 20px;
      color: #ff00ff;
    }

    .one{
      color: yellow;
    }
    .two{
      color: #00ff0f;
    }
  </style>
  <link rel="stylesheet" type="text/css" href="../css/css.css"/>
</head>
<body>
<!-- 行内式 -->
<h1 style="color: blue">这是第一个标题</h1>
<h1 style="color: blue;">这是第二个标题</h1>

<!-- 内嵌式 -->
<div>这是第三个内嵌式的标题</div>

<!-- id选择器 -->
<h2 id="op">这是第四个标题</h2>

<!-- 类选择器 -->
<h1 class="one">这是第五个标题</h1>
<h1 class="two">这是第六个标题</h1>

<!-- 外链式 -->
<h3>这是第七个标题</h3>
</body>
</html>